<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <button type="button" id="type-conversion-btn">测试类型转换</button>
</head>
<body>
<script>
// 测试类型转换
document.querySelector("#type-conversion-btn").onclick = () => {
// 显示转换: 将字符串转为整数
console.log(parseInt('12abc34'));
// 显示转换: 将字符串转为小数
console.log(parseFloat('abc34'));
// 显示转换: 保留两位小数，自动四舍五入
console.log(3.1499999.toFixed(2));
// 隐示转换: `==` 会将类型都转为同一类型然后再进行比较
console.log(1 == '1');
// 隐示转换: 字符串相减，会先把类型都转成数字，然后再进行数学的减法计算
console.log('100' - '1');
};
</script>
</body>
</html>